/**
 * 学习目标：掌握插值表达式 - 其它表达式
 * 语法： {表达式}
 *
 * 表达式特点： 可以放在=右边
 * 种类： 变量
 * 基础数据类型： string number boolean undefined  null
 * 引用数据类型：  object  array ，function
 * 其它类型：
 */
import React from 'react';
import ReactDOM from 'react-dom';

const isLoading = true;

const divNode = (
  <div>
    {/* 三元表达式 */}
    <div>{isLoading ? <h1>加载中</h1> : <h2>正常显示</h2>}</div>

    {/* && 逻辑且 */}
    {isLoading && <h1>加载中...</h1>}

    {/* JSX本身 */}
    {<h3>hello React</h3>}
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
